<html>
  <head>
  	<meta charset="utf-8">
  	<link rel="stylesheet" type="text/css" href="./style.css">
  </head>
  <body>
  <div id="firstdiv">
    <div id="seconddiv">
	<h1>网站一级标题</h1>
	<div id="thireddiv">
	<ul id="firstul">
		<li><a id="aa"href="">导航链接一</a></li>
		<li><a id="aa"href="">导航链接二</a></li>
		<li><a id="aa"href="">导航链接三</a></li>
		<li><a id="aa"href="">导航链接四</a></li>
	</ul>
	</div>
	</div>
	<div id="forthdiv">
	<h2><font face="微软雅黑">文章一级标题</font></h2>
	<h3><font color="#CDC8B1">文章二级标题</font></h3>
	<span><font color="#CDC8B1">文章作者 文章发表时间</font></span>
	<p>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落</br></br>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落,</br>这是一个很长很长的段落，这是一个很长很长的段落,<a href="">这里有一个链接</a>这是一个很长很长的段落，这是一个很长很长的段落,<b>这里有一个粗体字</b></p>
	<img src="./img/1.jpg">
	<p>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落</br></br>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落,</br>这是一个很长很长的段落，这是一个很长很长的段落,<a href="" target="_blank">这里有一个链接在新窗口打开</a>这是一个很长很长的段落，这是一个很长很长的段落,<b>这里有一个粗体字</b></p>
	</div>
	<div id="fifdiv">
    <h2><font face="微软雅黑">另一篇文章一级标题</font></h2>
	<h3><font color="#CDC8B1">文章二级标题</font></h3>
	<span><font color="#CDC8B1">文章作者 文章发表时间</font></span>
	<p>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落</br></br>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落,</br>这是一个很长很长的段落，这是一个很长很长的段落,<a href="">这里有一个链接</a>这是一个很长很长的段落，这是一个很长很长的段落,<b>这里有一个粗体字</b></p>
	
	<p>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落</br></br>这是一个很长很长的段落，这是一个很长很长的段落,这是一个很长很长的段落，这是一个很长很长的段落,</br>这是一个很长很长的段落，这是一个很长很长的段落,<a href="" target="_blank">这里有一个链接在新窗口打开</a>这是一个很长很长的段落，这是一个很长很长的段落,<b>这里有一个粗体字</b></p>
	<img src="./img/1.jpg">
	<ul id="secondul">
		<li>列表项目一</li>
		<li>列表项目二</li>
		<li>列表项目三</li>
		<li>列表项目四</li>
	</ul>
	</div>
	<div id="sevendiv">
		<h2><font face="微软雅黑"> 图片</font></h2>
		<p><img src="./img/1.jpg"></p>
		<p><img src="./img/1.jpg"></p>
	</div>
	<div id="sixdiv">
    <h2><font face="微软雅黑">最后一篇文章一级标题</font></h2>
	<h3><font color="#CDC8B1">文章二级标题</font></h3>
	<span><font color="#CDC8B1">文章作者 文章发表时间</font></span>
	<ol id="firstol">
		<li>排名一</li>
		<li>排名二</li>
		<li>排名三</li>
	</ol>
	<table border="1" cellspacing="0" id="firsttable">

		<tr>
		   <th>表头</th>
		   <th>表头</th>
		   <th>表头</th>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="">操作</a></td>
		</tr>
		<tr style="background-color:#D1D1D1" id="firsttr" rules="none">
			<td>总计</td>
			<td colspan="2">1000</td>
		</tr>
	</table>
	</div>
	<div class="lastdiv">
	  <form>
		<h2>注册</h2>
		<div id="reallastdiv">
		<table cellspacing="8">
			<tr>
				<td><label>请输入邮件地址:</label></td>
				<td><input type="text" value="输入邮件地址"></td>
			</tr>
			<tr>
				<td></td>
				<td>邮箱地址请按要求格式输入</td>
			</tr>
			<tr>
				<td><label>请输入密码:</label></td>
				<td><input type="password" value="输入密码"></td>
			</tr>
			<tr>
				<td><label>请重复输入密码:</label></td>
				<td><input type="password" value="请重复输入密码"></td>
			</tr>
			<tr>
				<td></td>
				<td>密码请为6-16英文数字</td>
			</tr>
			<tr>
				<td><label>性别：</label></td>
				<td><input type="radio" name="identify" checked="checked">男 <input type="radio"name="identify">女</td>
			</tr>
			<tr>
				<td><label>爱好：</label></td>
				<td><input type="checkbox">运动 <input type="checkbox">艺术 <input type="checkbox">科学</td>
			</tr>
			<tr>
				<td><label>城市：</label></td>
				<td><select name="select">
			<option>北京</option>
			<option>广州</option>
			<option>上海</option>
		</select></td>
			</tr>
			<tr>
				<td><label>个人描述:</label></td>
				<td><textarea placeholder="输入您的个人描述"></textarea></td>
			</tr>
		</table>
		
		
		</div>
		<p><input type="submit" value="确认提交" id="tijiao"></p>
		</form>
	</div>
	<p id="banquan">版权所有&copy </p>
   </div>
  </body>
</html>